//
// Buttons
// --------------------------------------------------


// Base styles
// --------------------------------------------------

.btn {
  transition: color 0.2s linear, background-color 0.2s linear;
  background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
  border: 1px solid transparent;
  &:hover,
  &:focus,
  &.focus {
    color: $btn-default-color;
  }
  &:active,
  &.active {
    @include box-shadow(none);
  }

  &.disabled,
  &[disabled],
  fieldset[disabled] & {
    @include box-shadow(none);
  }

}

.btn-default {
  @include button-variant($btn-default-color, $btn-default-bg, $btn-default-border);
  
  &:focus,
  &.focus,
  &:hover ,
  &:active,
  &.active,
  .open>&.dropdown-toggle { 
    color: $btn-default-hover-color;
    background-color: mix($btn-default-hover-color,$white-color,10%); 
    opacity: 1;
  }
}

.btn-primary {
  @include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border);
}

.btn-success {
  @include button-variant($btn-success-color, $btn-success-bg, $btn-success-border);
}

.btn-info {
  @include button-variant($btn-info-color, $btn-info-bg, $btn-info-border);
}

.btn-warning {
  @include button-variant($btn-warning-color, $btn-warning-bg, $btn-warning-border);
}

.btn-danger {
  @include button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border);
}


.btn-link,.href-line {
  color: $link-color;

  &,
  &:active,
  &.active,
  &[disabled],
  fieldset[disabled] & {
    background-color: transparent;
    @include box-shadow(none);
  }

  &,
  &:hover,
  &:focus,
  &:active {
    border-color: transparent;
  }

  &:hover,
  &:focus {
    color: $link-hover-color;
    background-color: transparent;
  }

  &[disabled],
  fieldset[disabled] & {

    &:hover,
    &:focus {
      color: $btn-link-disabled-color;
    }
  }
}

.btn-outline.btn-primary {
  @include button-outline($btn-primary-color, $btn-primary-border);
}

.btn-outline.btn-success {
  @include button-outline($btn-success-color, $btn-success-border);
}

.btn-outline.btn-info {
  @include button-outline($btn-info-color, $btn-info-border);
}

.btn-outline.btn-warning {
  @include button-outline($btn-warning-color, $btn-warning-border);
}

.btn-outline.btn-danger {
  @include button-outline($btn-danger-color, $btn-danger-border);
}

.btn-noline.btn-primary {
  color: $btn-primary-border !important;
  background: none !important;
}

.btn-noline.btn-success {
  color: $btn-success-border !important;
  background: none !important;

}

.btn-noline.btn-info {
  color: $btn-info-border !important;
  background: none !important;

}

.btn-noline.btn-warning {
  color: $btn-warning-border !important;
  background: none !important;

}

.btn-noline.btn-danger {
  color: $btn-danger-border !important;
  background: none !important;

}